<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./libs/swiper.min.css">
  <link rel="stylesheet" href="./libs/download/fonts/iconfont.css">
  <link rel="stylesheet" href="./libs/reset.CSS">
  <link rel="stylesheet" href="./css/index.css">
  <title>天猫首页</title>

</head>

<body>
  <div id="header">
    <div class="container1">
      <ul class="left">
        <li><a href="#"><span class="iconfont nav-f">&#xe64f;</span>天猫首页</a></li>
        <li class="hello">
          <div class="hello1">
            喵，欢迎来天猫
          </div>
          <div class="username1">
          </div>
        </li>
        <li class="login_1">
          <div class="pla">
            请登录
          </div>
          <div class="exit">
            退出
          </div>
        </li>
        <li><a href="http://localhost:2206/register.html">免费注册</a></li>
      </ul>
      <ul class="right">
        <li><a href="#">我的淘宝<span class="triangle">▼</span></a>
          <div class="son">
            <a href="#">已买到的宝贝</a>
            <a href="#">已卖出的宝贝</a>
          </div>
        </li>
        <li><a href="http://localhost:2206/cart.html"><span class="iconfont nav-f">&#xe605;</span>购物车</a></li>
        <li><a href="#">收藏夹<span class="triangle">▼</span></a>
          <div class="son">
            <a href="#">收藏的宝贝</a>
            <a href="#">收藏的店铺</a>
          </div>
        </li>
        <li><a href="#"><span class="iconfont nav-f">&#xe692;</span>手机版</a>
          <div class="son_2">
            <img src="./libs/images/index_ewm.png" alt="">
          </div>
        </li>
        <li><a href="#">淘宝网</a></li>
        <li><a href="#">网页无障碍</a></li>
        <li><a href="#">商家支持</a>
          <div class="son_2 clearfix">
            <div class="title">商家：</div>
            <ul class="son_2_shop clearfix">
              <li><a href="#">商家中心</a></li>
              <li><a href="#">天猫规则</a></li>
              <li><a href="#">商家入驻</a></li>
              <li><a href="#">运营服务</a></li>
              <li><a href="#">商家品控</a></li>
              <li><a href="#">商家工具</a></li>
              <li><a href="#">天猫智库</a></li>
              <li><a href="#">喵言喵语</a></li>
            </ul>
            <div class="title">帮助：</div>
            <ul class="son_2_help">
              <li><a href="#">商家服务大厅</a></li>
              <li><a href="#">问商友</a></li>
            </ul>
          </div>
        </li>
        <li><a href="#">商家中心</a></li>
        <li><a href="#">联系客服<span class="triangle">▼</span></a>
          <div class="son_last">
            <a href="#">消费者客服</a>
            <a href="#">买家客服</a>
            <a href="#">意见反馈</a>
            <a href="#">网页版旺旺</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div id="search" class="container">
    <div class="logo">
      <img src="./libs/images/logo.png" alt="">
    </div>
    <div class="search">
      <form action="#" method="get">
        <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
        <button>搜索</button>
      </form>
    </div>
    <div class="null"></div>
  </div>
  <div id="main" class="container">
    <div class="top">
      <div class="left">
        <h3> 主题市场</h3>
      </div>
      <div class="right">
        <a href="#"><img src="./libs/images/tmcsl.png" alt=""></a>
        <a href="#"><img src="./libs/images/tmcsz.png" alt=""></a>
        <a href="#">天猫会员</a>
        <a href="./mr.miao.html">喵先生</a>
        <a href="./medical.html">医药馆</a>
        <a href="#">魅力惠</a>
        <a href="#">飞猪旅行</a>
        <a href="#">苏宁易购</a>
        <a href="#">天猫内容</a>
      </div>
    </div>
    <div class="bottom">
      <div class="partition">
        <div class="partition_box"><span class="iconfont">&#xe628;</span><a href="#">女装</a><span>/</span><a
            href="#">内衣</a></div>
        <div class="partition_box"><span class="iconfont">&#xe604;</span><a href="#">男装</a><span>/</span><a
            href="#">运动户外</a></div>
        <div class="partition_box"><span class="iconfont">&#xe625;</span><a href="#">女装</a><span>/</span><a
            href="#">男鞋</a><span>/</span><a href="#">箱包</a></div>
        <div class="partition_box"><span class="iconfont">&#xe611;</span><a href="#">美妆</a><span>/</span><a
            href="#">个人护理</a></div>
        <div class="partition_box"><span class="iconfont">&#xe676;</span><a href="#">腕表</a><span>/</span><a
            href="#">首饰</a><span>/</span><a href="#">珠宝饰品</a></div>
        <div class="partition_box"><span class="iconfont">&#xe692;</span><a href="#">手机</a><span>/</span><a
            href="#">数码</a><span>/</span><a href="#">电脑办公</a></div>
        <div class="partition_box"><span class="iconfont">&#xe601;</span><a href="#">母婴玩具</a></div>
        <div class="partition_box"><span class="iconfont">&#xe60c;</span><a href="#">零食</a><span>/</span><a
            href="#">茶酒</a><span>/</span><a href="#">进口食品</a></div>
        <div class="partition_box"><span class="iconfont">&#xe608;</span><a href="#">生鲜水果</a></div>
        <div class="partition_box"><span class="iconfont">&#xe623;</span><a href="#">大家电</a><span>/</span><a
            href="#">生活电器</a></div>
        <div class="partition_box"><span class="iconfont">&#xe600;</span><a href="#">家具</a><span>/</span><a
            href="#">灯具</a><span>/</span><a href="#">浴卫</a></div>
        <div class="partition_box"><span class="iconfont">&#xec6d;</span><a href="#">汽车</a><span>/</span><a
            href="#">配件</a><span>/</span><a href="#">生活用品</a></div>
        <div class="partition_box"><span class="iconfont">&#xe602;</span><a href="#">家纺</a><span>/</span><a
            href="#">家饰</a><span>/</span><a href="#">鲜花</a></div>
        <div class="partition_box"><span class="iconfont">&#xe7c8;</span><a href="#">医药保健</a></div>
        <div class="partition_box"><span class="iconfont">&#xe606;</span><a href="#">厨具</a><span>/</span><a
            href="#">收纳</a><span>/</span><a href="#">宠物</a></div>
        <div class="partition_box"><span class="iconfont">&#xe603;</span><a href="#">图书音像</a></div>
      </div>
      <div class="banner">
        <div class="banner_top">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="./libs/images/tm_index_banner_t1.webp" alt=""></div>
              <div class="swiper-slide"><img src="./libs/images/tm_index_banner_t2.webp" alt=""></div>
              <div class="swiper-slide"><img src="./libs/images/tm_index_banner_t3.jpg" alt=""></div>
              <div class="swiper-slide"><img src="./libs/images/tm_index_banner_t4.webp" alt=""></div>
              <div class="swiper-slide"><img src="./libs/images/tm_index_banner_t5.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
        <div class="banner_bottom">
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="img"><img src="./libs/images/tm_index_banner_b1.webp" alt=""></div>
                <div class="img"><img src="./libs/images/tm_index_banner_b2.webp" alt=""></div>
              </div>
              <div class="swiper-slide">
                <div class="img"><img src="./libs/images/tm_index_banner_b3.webp" alt=""></div>
                <div class="img"><img src="./libs/images/tm_index_banner_b4.webp" alt=""></div>
              </div>
              <div class="swiper-slide">
                <div class="img"><img src="./libs/images/tm_index_banner_b5.webp" alt=""></div>
                <div class="img"><img src="./libs/images/tm_index_banner_b6.webp" alt=""></div>
              </div>
              <div class="swiper-slide">
                <div class="img"><img src="./libs/images/tm_index_banner_b7.webp" alt=""></div>
                <div class="img"><img src="./libs/images/tm_index_banner_b8.webp" alt=""></div>
              </div>
            </div>


            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
        </div>
        <div class="ad">
          <div class="userXX">
            <img src="./libs/images/user_i.webp" alt="">
            <span></span>
          </div>
          <img src="./libs/images/tmcsh.webp" alt="">
          <div class="title">
            <h3>公告</h3>
            <p>新鲜事儿都在这里~</p>
          </div>
          <div class="ad_shop">
            <a href="#">
              <span class="iconfont">&#xe8b9;</span>
              <p>收藏的宝贝</p>
            </a>
            <a href="#">
              <span class="iconfont">&#xe61c;</span>
              <p>买过的店铺</p>
            </a>
            <a href="#">
              <span class="iconfont">&#xe607;</span>
              <p>搜藏的店铺</p>
            </a>
            <a href="#">
              <span class="iconfont">&#xe709;</span>
              <p>我的足迹</p>
            </a>
          </div>
        </div>
      </div>
      <!-- 天猫市场 -->
      <div class="superMarket">
        <h3><img src="./libs/images/supermarket.webp" alt=""></h3>
        <ul class="superMarket_son">
          <li>
            <div class="img"><img src="./libs/images/tm_market_li.webp" alt=""></div>
            <div class="drsc">当季新米 十月稻田东北长粒香大米5kg粳米10斤2021年收割小米伴侣</div>
            <p class="price">￥49</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li2.webp" alt=""></div>
            <div class="drsc">实证论文写作八讲 刘西川著 大学教材图书书籍 北京大学出版社</div>
            <p class="price">￥59</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li3.webp" alt=""></div>
            <div class="drsc">实证论文写作八讲 刘西川著 大学教材图书书籍 北京大学出版社</div>
            <p class="price">￥29</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li4.webp" alt=""></div>
            <div class="drsc">上海永久儿童自行车男孩女孩中大童脚踏车18/20寸小学生单车</div>
            <p class="price">￥668</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li5.webp" alt=""></div>
            <div class="drsc">KONO洗发水轻盈秀发蓬松洗发露500ml1瓶洗发膏香味持久留香洗头膏</div>
            <p class="price">￥29</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li6.webp" alt=""></div>
            <div class="drsc">babycare绿盖湿巾，厚实倍柔，“布”一样的湿巾,立即抢购</div>
            <p class="price">￥39</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li7.webp" alt=""></div>
            <div class="drsc">纯棉柔软洗脸家用吸水不掉毛男女加厚面巾 6条装 72x34cm 95g/条</div>
            <p class="price">￥13.9</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li8.webp" alt=""></div>
            <div class="drsc"> 国粹定制 清新口气 健齿护龈 超白多效护理 实惠家庭装牙膏套装500g</div>
            <p class="price">￥9.9</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li9.webp" alt=""></div>
            <div class="drsc">舌尖美味源于食味！低至2件7.5折起！科学诠释食味，给你不一样口感的大米！点击立抢(此商品不参加上述活动)</div>
            <p class="price">￥30</p>
          </li>
          <li>
            <div class="img"><img src="./libs/images/tm_market_li10.webp" alt=""></div>
            <div class="drsc">uek小学生书包超轻一到六年级儿童轻便双肩包1个</div>
            <p class="price">￥249</p>
          </li>
        </ul>
      </div>
      <!-- 天猫国际 -->
      <div class="tm_global">
        <div class="tm_global_title">
          <img src="./libs/images/tmgj.webp" alt="">
        </div>
        <div class="tm_global_content">
          <div class="left">
            <div class="product">
              <img src="./libs/images/global.png" alt="">
              <div class="pre">
                <p>进口精选</p>
                <span class="s"></span>
                <div class="pre_son">
                  <span>大牌好货</span>
                  <p>轻松购入</p>
                </div>
              </div>
            </div>
            <div class="product">
              <img src="./libs/images/global2.webp" alt="">
              <div class="pre">
                <p>进口精选</p>
                <span class="s"></span>
                <div class="pre_son">
                  <span>大牌好货</span>
                  <p>轻松购入</p>
                </div>
              </div>
            </div>
          </div>
          <ul class="right">
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li1.webp" alt=""></div>
                <div class="dsce">爆款不只5折</div>
                <div class="price">88vip省钱攻略</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li2.webp" alt=""></div>
                <div class="dsce">正品MrsRogers喜马拉雅纯天然岩盐 粗粉盐食用玫瑰盐 200g研磨版</div>
                <div class="price">￥58</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li3.webp" alt=""></div>
                <div class="dsce">LUSH岚舒官方正品 海洋之星香氛皂 柔软肌肤手工肥皂清洁</div>
                <div class="price">￥80</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li4.webp" alt=""></div>
                <div class="dsce">RayBan雷朋太阳镜RB3025经典男女飞行员系列蛤蟆镜偏光遮阳墨镜</div>
                <div class="price">￥908</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li5.webp" alt=""></div>
                <div class="dsce">Ronneby Bruk瑞典珐琅铸铁锅垫高颜易洁耐高温防烫桌垫隔热托盘</div>
                <div class="price">￥99</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li6.webp" alt=""></div>
                <div class="dsce">德国SOS复发性口腔溃疡胶凝胶上火起泡舌炎口疮牙龈止痛消炎15ml</div>
                <div class="price">￥99</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li7.webp" alt=""></div>
                <div class="dsce">丹尼尔惠灵顿dw时尚简约小双环项链锁骨链男女送礼玫瑰金男生正品</div>
                <div class="price">￥790</div>
              </a>
            </li>
            <li>
              <a href="#">
                <div class="img"><img src="./libs/images/global_li8.webp" alt=""></div>
                <div class="dsce">卡西欧联名本田赛车限定太阳能男士手表EQS-930HR-1A 930NIS</div>
                <div class="price">￥959</div>
              </a>
            </li>
          </ul>
        </div>

      </div>
      <!-- 猜你喜欢 -->
      <div class="guss_you_like">
        <div class="title">
          <div class="title_1">猜你喜欢</div>
          <div class="title_2">个性推荐</div>
        </div>
        <ul class="clearfix showli_guss">
        </ul>
      </div>
    </div>
  </div>
  <!-- 页脚 -->
  <div id="footer">
    <div class="tm_methods">
      <div class="container">
        <div class="top">
          <a href="#">
            <span>优</span>
            <div class="title">
              <h3>品质保障</h3>
              <p>品质护航 购物无忧</p>
            </div>
          </a>
          <a href="#">
            <span>七</span>
            <div class="title">
              <h3>七天无理由退货</h3>
              <p>为您提供售后无忧保障</p>
            </div>
          </a>
          <a href="#">
            <span>特</span>
            <div class="title">
              <h3>特赦服务体验</h3>
              <p>为您提供不一样的服务</p>
            </div>
          </a>
          <a href="#">
            <span>帮</span>
            <div class="title">
              <h3>帮助中心</h3>
              <p>您的购物指南</p>
            </div>
          </a>
        </div>
        <div class="methods">
          <div class="content">
            <div class="title">购物指南</div>
            <ul>
              <li><a href="#">免费注册</a></li>
              <li><a href="#">开通支付宝</a></li>
              <li><a href="#">支付宝充值</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">天猫保障</div>
            <ul>
              <li><a href="#">发票保障</a></li>
              <li><a href="#">售后规则</a></li>
              <li><a href="#">物流时效保障</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">支付方式</div>
            <ul>
              <li><a href="#">快捷支付</a></li>
              <li><a href="#">信用卡</a></li>
              <li><a href="#">余额宝</a></li>
              <li><a href="#">蚂蚁花呗</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">商家服务</div>
            <ul>
              <li><a href="#">天猫规则</a></li>
              <li><a href="#">商家入驻</a></li>
              <li><a href="#">商家中心</a></li>
              <li><a href="#">天猫必修课</a></li>
              <li><a href="#">喵言喵语</a></li>
              <li><a href="#">运营服务</a></li>
            </ul>
          </div>
          <div class="content">
            <div class="title">手机天猫</div>
            <ul>
              <li class="ewm"><a href="#"><img src="./libs/images/ewm.png" alt=""></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="network">
      <div class="container">
        <ul class="list">
          <li><a href="#">关于天猫</a></li>
          <li><a href="#">商家服务大厅</a></li>
          <li><a href="#">开放平台</a></li>
          <li><a href="#">诚聘英才</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">网站合作</a></li>
          <li><a href="#">法律声明</a></li>
          <li><a href="#">隐私权政策</a></li>
          <li><a href="#">知识产权</a></li>
          <li><a href="#">廉正举报</a></li>
          <li><a href="#">不当竞争举报</a></li>
        </ul>
        <ul class="second">
          <li><a href="#">阿里巴巴集团</a>|</li>
          <li><a href="#">淘宝网</a>|</li>
          <li><a href="#">天猫</a>|</li>
          <li><a href="#">聚划算</a>|</li>
          <li><a href="#">全球速卖通</a>|</li>
          <li><a href="#">阿里巴巴国际交易市场</a>|</li>
          <li><a href="#">1688</a>|</li>
          <li><a href="#">阿里妈妈</a>|</li>
          <li><a href="#">飞猪</a>|</li>
          <li><a href="#">阿里云计算</a>|</li>
          <li><a href="#">AliOS</a>|</li>
          <li><a href="#">阿里通信</a>|</li>
          <li><a href="#">万网</a>|</li>
          <li><a href="#">高德</a>|</li>
          <li><a href="#">UC</a>|</li>
          <li><a href="#">友盟</a>|</li>
          <li><a href="#">虾米</a>|</li>
          <li><a href="#">钉钉</a>|</li>
          <li><a href="#">支付宝</a>|</li>
          <li><a href="#">阿里安全</a></li>
        </ul>
        <div class="information clearfix">
          <a href="#">增值电信业务经营许可证：浙B2-20110446</a>
          <a href="#">市场名称登记证：工商网市字3301004119号</a>
          <a href="#">出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</a>
          <a href="#">互联网违法和不良信息举报电话：0571-81683755 jubao.tb@service.taobao.com</a>
          <a href="#">中国互联网举报中心</a>
          <a href="#">中国扫黄打非网</a>
          <a href="#">全国文化和旅游市场网上举报投诉处理系统</a>
          <a href="#">全国12315平台</a>
        </div>
        <div class="information clearfix">
          <a href="#">浙江省互联网违法和不良信息举报中心</a>
          <a href="#">全网举报</a>
          <a href="#">互联网药品信息服务资质证书编号：</a>
          <a href="#" class="gongan">浙-（经营性）-2021-0139</a>
        </div>
        <div class="xinxi">
          <p>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</p>
          <p>网络文化经营许可证：浙网文 [2021]1668-073号</p>
          <p class="img"><img src="./libs/images/zhizhao.gif" alt=""></p>
        </div>
        <div class="xinxi">
          <p>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</p>
          <p><a href="#">12318举报</a></p>
          <p><a href="#">浙B2-20110446-1</a></p>
        </div>
        <div class="img_li">
          <img src="./libs/images/footer_img.jpg" alt="">
          <img src="./libs/images/footer_img.png" alt="">
          <img src="./libs/images/footer_img1.png" alt="">
          <img src="./libs/images/footer_img2.png" alt="">
          <img src="./libs/images/footer_img3.png" alt="">
        </div>
        <div class="img_li1">
          <img src="./libs/images/footer_img5.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <!-- 吸顶页 -->
  <div id="search1" class="no_move">
    <div class="container12">
        <a href="./index.html"><img src="./libs/images/tm_yy_logo.png" alt=""></a>
        <div class="search">
            <form action="#" method="get">
                <input type="text" placeholder="搜索 天猫 商品/品牌/店铺"><button>搜索</button>
            </form>
        </div>
    </div>
</div>

  <script src="./libs/require.js" data-main="./js/main"></script>

</body>

</html>